<!doctype html>
<html lang="en-us" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html"
      xmlns:p="http://www.w3.org/1999/html">
<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Camp Chippewa</title>
    <meta name="description" content="">
    <!-- The compiled CSS file -->
    <link rel="stylesheet" href="showmain/css/production.css">
    <!-- Web fonts -->
    <link href="https://fonts.googleapis.com/css?family=Karla:400,700" rel="stylesheet">
    <!-- favicon.ico. Place these in the root directory. -->
    <link rel="shortcut icon" href="showmain/img/favicon.ico">
</head>
<body>
<!-- Header -->
<header class="pt2 pb1 align--center">
    <div class="container">
        <p>Welcome to</p>
        <h1 title="Camp Chippewa"><img class="logo" src="showmain/img/logo.svg" alt="Camp Chippewa"></h1>
    </div>
</header>
<!-- Body -->
<main>
    <div class="container">

       <!-- <p align="right" th:text="'当前用户：'+${username}"></p>-->
        <div align="right">
            <a class="btn btn--outline" th:border style="color: #57aa8d" href="/user/quit">退出</a>
            <p th:text="'当前用户：'+${username}"></p>
        </div>
        <!-- Info -->
        <form action="/findbysinger"  method="post">
            歌手:<input name="singername" type="text"/><!--<input type="submit" value="确定"><br>-->
            <input type="hidden" name="username" th:value="${username}">
            <input type="submit" value="确定"><br>
        </form>
        <form action="/findbyaddress" method="post">
            地点:<input name="address" type="text"/>
            <input type="hidden" name="username" th:value="${username}">
            <input type="submit" value="确定"><br>
        </form>
        <a class="btn btn--outline" th:border style="color: #57aa8d" th:href="@{/albums(username=${username})}">我的收藏</a>
        <a class="btn btn--outline" th:border style="color: #57aa8d" th:href="@{/buyer(buyerName=${username})}">我的订单</a>
        <!--<select id="gender" name="gender">
        <option th:value="male">male</option>
        <option th:value="female">female</option>
        </select>-->
        <section class="grid-row grid-row--center">
            <tr th:each="emp:${ticket}">
                <!-- Cabin -->

                <div class="grid-column span-half pt3 pb3 mobile-m order-1">
                    <div class="relative">
                        <img class="info-image relative z2" th:src="${emp.getT_img()}" th:alt="${emp.getT_singername()}">
                        <div class="pattern pattern--left-down absolute z1"></div>
                    </div>
                </div>
                <div class="grid-column span-half pt3 pb3 mobile-m order-2">
                    <h3 th:text="${emp.getT_name()}"></h3>
                    <p  th:text="'地点：'+${emp.getT_address()}"> </p>
                    <p  th:text="'余票：'+${emp.getT_remaincount()}+'张'"></p>
                    <p  th:text="'开始时间：'+${emp.getT_date()+' '+emp.getT_starttime()}"></p>
                    <p  th:text="'截止时间：'+${emp.getT_date()+' '+emp.getT_endtime()}"></p>
                    <p  th:text="'票价：'+${emp.getT_price()}"></p>
                    <!--<div class="align&#45;&#45;right mt1">-->
                    <div class="container">
                        <!--  <div class="mb2 align&#45;&#45;center">-->
                        <!--</div>-->
                        <a class="btn btn-sm btn-primary" th:href="@{/buyticket(t_id=${emp.getT_id()},username=${username},price=${emp.getT_price()})}">购买</a>
                        <a class="btn btn-sm btn-primary" th:href="@{/albumssave(tid=${emp.getT_id()},name=${username})}">收藏</a>
                    </div><!--</div>-->
                </div>
            </tr>
        </section>
        <section class="align--center pt2 pb3">
            <p class="h2">We look forward to your arrival</p>
            <p>please join us</p>
        </section>

        <!-- Contact -->
        <!-- <section class="bg&#45;&#45;secondary-color pt3 pb3">
             <div class="container">
                 <div class="mb2 align&#45;&#45;center">
                     <h3 class="mb1">Contact us to get started</h3>
                     <p>We wish you a wonderful journey here !</p>
                 </div>
                 <form>
                     <div class="grid-row">
                         <div class="grid-column span-half mt1">
                             <label class="label" for="name">昵称</label>
                             <input class="form-control" id="name">
                         </div>
                         <div class="grid-column span-half mt1">
                             <label class="label" for="password">密码</label>
                             <input class="form-control" id="password" type="password">
                         </div>
                     </div>
                     <label class="label mt1" for="dates">手机号码</label>
                     <input class="form-control" id="dates">
                     <label class="label mt1" for="message">所在城市</label>
                     <textarea class="form-control" id="message"></textarea>
                     <div class="align&#45;&#45;right mt1">
                         <button class="btn btn&#45;&#45;outline">注册</button>
                     </div>
                 </form>
             </div>
         </section>-->
    </div>
</main>
</div>
</body>
</html>

